import { defineStore } from 'pinia'
// 引入路由
import { routes } from '../router/index.js'

export const useUserStore = defineStore('counter', {
  state: () => {
    return {
      userId: 2, // 判断当前用户身份，1为普通用户，2为管理员
      menuRouters: routes, // 存放路由信息
      drawerIsShow: false, // 判断是否显示添加或编辑用户界面
      drawerTitle: '', // 存放添加或编辑用户界面的标题
      drawerUser: {}, // 存放添加或编辑用户界面的用户信息
      editUserIndex: 0, // 存放当前编辑用户的索引
      userList: [
        {
          name: '张三',
          age: 16,
          status: 1, // 1为普通用户，2为管理员
          email: 'zhangsan@qq.com',
        },
        {
          name: '李四',
          age: 21,
          status: 2,
          email: 'lisi@qq.com',
        },
        {
          name: '王五',
          age: 18,
          status: 2,
          email: 'wangwu@qq.com',
        },
        {
          name: '老刘',
          age: 36,
          status: 1,
          email: 'laoliu@qq.com',
        },
        {
          name: '老谭',
          age: 51,
          status: 1,
          email: 'laotan@qq.com',
        },
      ], // 用户信息
    }
  },
  actions: {
    // 修改用户身份
    changeUserId(id) {
      this.userId = id
    },
    // 删除用户
    deleteUser(index) {
      this.userList.splice(index, 1)
    },
    // 打开添加或编辑用户界面
    changeDrawer(index, item) {
      if (index == 1) {
        // 打开编辑页面
        this.drawerIsShow = true
        this.drawerTitle = '编辑用户'
        this.drawerUser = { ...item.row }
        this.editUserIndex = item.$index
      } else if (index == 2) {
        // 打开添加页面
        this.drawerIsShow = true
        this.drawerTitle = '添加用户'
        this.drawerUser = {
          name: '',
          age: 1,
          status: 1,
          email: '',
        }
      } else if (index == 3) {
        // 关闭页面
        this.drawerIsShow = false
      }
    },
    // 保存编辑信息
    saveEditUser(index) {
      if (index == 1) {
        // 保存编辑信息
        this.userList[this.editUserIndex] = this.drawerUser
      } else if (index == 2) {
        // 保存添加信息
        this.userList.push(this.drawerUser)
      }
      // 关闭页面
      this.drawerIsShow = false
    }
  },
})